<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>top</title>
    <link rel="stylesheet" href="../css/top.css">
</head>
<body>
<div class="top">
    <!--
    1：根据需求得总共是3个div【在页面进行测试是否拿到】
    2：在第一个div中的内容是居中，定义它的上级为first容器
    -->
    <div>
        <div>
            <div><img src="../img/logo_g0yv.jpg"/></div>
            <div>
                <div><img src="../img/icon2_03_uc2a.png" height="30" width="30"/></div>
                <div>029-8896545</div>
            </div>
        </div>
    </div>
    <!--中间部分的导航-->
    <div>
        <div>
            <!--设置事件-->
            <div class="x" id="indest">网站首页</div>
            <div class="x" id="Company">公司简介</div>
            <div class="x" id="news">新闻动态</div>
            <div class="x" id="product">产品展示</div>
            <div class="x" id="leave">在线留言</div>
            <div class="x" id="sss">联系我们</div>
        </div>
    </div>
    <!--广告信息展示部分-->
    <div>
        <div>
            <div>品味生活·品味美食</div>
            <div>
                <div>一壶茶 彻出了生活的醇美</div>
                <div>一枝花 开出了生活的鲜艳</div>
                <div>一首诗 吟出了生活的酸辛</div>
                <div>一把火 燃烧出了生活的激情</div>
                <div>一枝笔 绘出了人生的五彩缤纷</div>
                <div>一首歌 唱出了人生的喜怒哀惧</div>
                <div>生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</div>
            </div>
            <div class="s">
                <div>品味</div>
                <div class="si">生活</div>
                &nbsp;&nbsp;&nbsp;
                <div>品味</div>
                <div class="si">美食</div>
            </div>
            <div class="sx">星语餐饮给你生活指南</div>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript">
var divM = document.getElementById("indest");
    divM.onclick = function () {
        alert("indest");
       window.location.href="indest.html";
     };
var divM = document.getElementById("Company");
divM.onclick = function () {
    alert("Company");
    window.location.href="Company.html";
};
var divM = document.getElementById("news");
divM.onclick = function () {
    alert("news");
    window.location.href="news.html";
};
var divM = document.getElementById("product");
divM.onclick = function () {
    alert("product");
    window.location.href="product.html";
};
var divM = document.getElementById("leave");
divM.onclick = function () {
    alert("leave");
    window.location.href="leave.html";
};
var divM = document.getElementById("sss");
divM.onclick = function () {
    alert("info");
    window.location.href="sss.html";
};

</script>